<template lang="">
  <div>
    <div>
      <span style="color: #66A4D7;">竞价大厅</span>
      <span style="margin-left: 10px;margin-right:10px;">>></span>
      <span>点击图片的商品名称</span>
    </div>
    <div class="announcement_details">
      <el-row :gutter="20">
        <el-col :span="18">
          <div class="announcement">
            <img class="announcement_img" src="https://img.axureshop.com/5f/7a/2f/5f7a2fd7263e4e95897c8cd096b23108/images/%E5%85%AC%E5%91%8A%E8%AF%A6%E6%83%85/u1344.svg">
            <span>公告</span>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="announcement">
            <img class="announcement_img" src="https://img.axureshop.com/5f/7a/2f/5f7a2fd7263e4e95897c8cd096b23108/images/%E5%85%AC%E5%91%8A%E8%AF%A6%E6%83%85/u1344.svg">
            <span>所含标的物</span>
          </div>
      </el-col>
      </el-row>
      <div style="height: 1100px;width: 100%;">
        <div class="announcement_one">
          <p style="margin-top: 60px;text-align: center;">东风拍卖-竞价公告</p>
          <p style="text-align: right;margin-right:50px;">发布时间:2019年4月8日 13:50</p>
          <p>关于一批域名的拍卖公告</p>
          <p>受委托,河南东风拍卖行有限公司将于2019年4月22日16:00时起至2019年4月23日16:00时止（延时的除外）在富宝资产竞价网络平台
            （网站http://zichan.f139.com/）开展一批域名的公开竞价活动，现公告如下：</p>
            <p>一、竞买标的物：一批顶级域名，无佣金、无过户费，无需去现场交接，在线过户</p>
            <p>二、竞买人条件：</p>
            <div>（1）凡具备完全民事行为能力的公民、法人和其他组织均可参加竞买。</div>
            <div>（2）竞价前，竞买人须在京东注册账号并通过实名认证（已注册京东账号需通过实名认证）。如参与竞买人未在网络服务提供者处开设账户，可委托代理人
              （具备完全民事行为能力的自然人）进行，但须在竞买开始钱一同到本公司办理手续；竞买成功后，买受人（委托人）（法定代表人、其他组织的负责人）
              须与委托代理人一同到委托人处办理交接手续并由拍卖人出具《拍卖成交确认书》。如委托手续不全，竞买活动认定为委托代理人的个人行为。
            </div>
            <div>项目竞价前系统将冻结竞买人缴纳的保证金，竞价结束后未能竞得者冻结的保证金自动解冻，冻结期间不计利息。</div>
            <div>（3）法律、行政法规和司法解释对本标的物买受人资格或者条件有特殊规定的，买受人应具备规定的资格或条件。</div>
            <div>（4）因不符合条件参加竞买的，由竞买人自行承担相应的法律责任。</div>
            <p>三、优先购买权人参加竞买的，应于2019年4月21日17时前向本公司提交合法有效的证明，
              资格经本公司确认后才能优先购买权人的身份参加竞买，逾期不提交的，视为放弃对本标的物享有优先购买权。
              本标的优先购买权人未参加竞拍，亦视为放弃优先购买权。</p>
            <p>四、咨询、展示看样的时间与方式：标的开拍前，接受咨询看样。咨询电话（0371-68859656），有意者请自行看样。</p>
            <p>五、本次竞价活动设置延时出价功能，在竞价活动结束前，每最后五分钟如果有竞买人出价，就自动延迟五分钟。</p>
            <p>六、本次竞价标的物权属有异议者，请于竞价开始前3个工作日与拍卖人联系。</p>
            <p>七、竞价方式：本次拍卖以增价方式拍卖，不设保留价的，只要出价如无更高出价即可成交，不达保留价不成交。</p>
            <p>八、竞拍成交后，本标的物竞得者原冻结的保证金自动转化为成交款，买受人须在成交之时起2日内，
              通过京东拍卖平台线上支付拍卖余款，由京东结算给河南东风拍卖行有限公司。
              逾期则视为买受人违约，竞买保证金不予退还。</p>
            <p>九、本次网络竞价所涉标的物，全部依其现状进行处置。现状是指看样时点标的质量、数量、新旧程度、使用状况等现实状况，
              至竞价时点竞买人没有异议，则表示竞买人认可看样时点与竞价时点标的现在一致。拍卖是一种特殊交易行为，
              拍品不适用消法中关于七天无理由退换货的相关条款。请欲报名参与竞价的竞买人充分考虑标的显性和隐形的瑕疵风险以及市场价格的波动，谨慎选择，慎重决定。</p>
            <p>十、本公司对此次竞价标的物所作的说明和提供的图片、文字资料等，仅供竞买人参考，不构成对标的物的任何担保，不作为竞买人参与此次竞价的建议，仅提供竞买人参考。
              （特别提醒：有意者请亲自实地看样，为看样的竞买人视为对本标的物现状的确认，竞买人一旦作出竞买决定，即表明已完全了解，
              并接受标的物的现状和一切已知及未知的瑕疵，责任自负。）</p>
            <p>十一、本次网上公开竞价《竞买公告》、《竞拍须知》、《标的物介绍》等标的物相关文件已在京东网资产竞价网络平台公开展示，请仔细阅读。
              河南东风拍卖行有限公司已就前述相关标的相关文件的所有条款向竞买人如实告知并做出详细说明，竞买人知悉并同意接受前述文件的全部条款和内容，
              竞买人和资产处置方双方不存在任何歧异和误认，竞买人承诺不再对前述文件的条款提出任何异议。</p>
            <p>十二、竞买人在竞价前请务必再仔细阅读竞买须知。</p>
            <p>十三、本公告其他未尽事宜，请向本公司咨询。</p>
            <p>咨询电话：0371-68859566 18695863711</p>
            <p>此公告在"富宝网"上发布。</p>
        </div>
        <div class="announcement_two">
          <div style="margin-bottom: 50px;" class="div1">
            <el-image class="img" :src="src"></el-image>
            <div style="height: 33px;width: 360px;background-color: #F2F2F2;line-height: 33px;margin-left: 20px;">
              <span class="begin_in_a_minute">即将开始</span>
              <span class="shijian"><i style="margin-right: 5px;" class="el-icon-timer"></i>5天22小时16分</span>
            </div>
            <div style="margin-top: 20px; margin-left: 20px;">
              <span style="color: grey;">起拍价：</span><span style="color: red;">￥159.800</span>
              <p>名称</p>
              <div style="width: 285px;float: left;">北京市昌平区</div>
              <img class="huo" src="../assets/huo.png">
              <div style="width: 70px;float: right;">111</div>
            </div>
        </div>
        <div class="div1">
          <el-image class="img" :src="src"></el-image>
          <div style="height: 33px;width: 360px;background-color: #F2F2F2;line-height: 33px;margin-left: 20px;">
            <span class="begin_in_a_minute">即将开始</span>
            <span class="shijian"><i style="margin-right: 5px;" class="el-icon-timer"></i>5天22小时16分</span>
          </div>
          <div style="margin-top: 20px; margin-left: 20px;">
            <span style="color: grey;">起拍价：</span><span style="color: red;">￥159.800</span>
            <p>名称</p>
            <div style="width: 285px;float: left;">北京市昌平区</div>
            <img class="huo" src="../assets/huo.png">
            <div style="width: 70px;float: right;">111</div>
          </div>
      </div>
        </div>
      </div>
    </div>
    <div class="QR_code">
      <div class="QR_code_one">
        <div style="width: 40%;height: 200px;margin-left: 10%;float: left;">
          <img style="float: left;margin-top: 37px;" src="https://img.axureshop.com/5f/7a/2f/5f7a2fd7263e4e95897c8cd096b23108/images/%E9%A6%96%E9%A1%B5/u561.svg">
          <div style="float: left;margin-left: 10px;font-size: 18px;margin-top: 50px;">微信服务号</div>
          <span style="margin-left: -87px;margin-top: 100px;float: left;font-size: 14px;">一手消息随时掌握</span>
        </div>
        <div style="width: 40%;height: 200px;float: left;margin-left: 10%;">
          <img style="float: left;margin-top: 37px;" src="https://img.axureshop.com/5f/7a/2f/5f7a2fd7263e4e95897c8cd096b23108/images/%E9%A6%96%E9%A1%B5/u564.svg">
          <div style="float: left;margin-left: 10px;font-size: 18px;margin-top: 50px;">微信小程序</div>
          <span style="margin-left: -87px;margin-top: 100px;float: left;font-size: 14px;">随时随地交易</span>
        </div>
      </div>
      <div class="QR_code_two">
        <p style="margin-top: 47px;">
          <span style="margin-right: 50px;font-size: 14px;">沪ICP备XXXXXXXX号</span>
          <span style="margin-right: 50px;font-size: 14px;">增值电信业务经营许可证沪B</span>
          <span style="font-size: 14px;">全国免费服务热线：400-886-0000</span>
        </p>
        <p style="margin-top: 30px;">
          <span style="margin-right: 50px;font-size: 14px;">沪ICP备XXXXXXXX号</span>
          <span style="font-size: 14px;">增值电信业务经营许可证沪B</span>
        </p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      src: 'https://img0.baidu.com/it/u=4188940758,4263217502&fm=253&fmt=auto&app=138&f=JPEG?w=600&h=419'
    }
  }
}
</script>
<style lang="less" scoped>
  .huo{
    margin-top: 1px;
    width: 20px;
  }
  .shijian{
    float: right;
    margin-right: 20px;
  }
  .div1{
    float: left;
    width: 400px;
    height: 440px;
    background-color: #fff;
  }
  .begin_in_a_minute{
    float: left;
    width: 100px;
    text-align: center;
    height: 33px;
    background-color: #008000;
    line-height: 33px;
  }
  .img{
    width: 360px;
    height: 240px;
    margin-left: 20px;
    margin-top: 20px;
  }
  .announcement_two{
    float: left;
    width: 399px;
    height: 1100px;
  }
  .announcement_one{
    border-right: 1px solid #000;
    margin-left: 30px;
    float: left;
    width: 1393px;
    height: 1100px;
  }
  .announcement_img{
    margin-right: 10px;
    transform: rotate(90deg);
  }
  .announcement{
    margin-left: 20px;
    margin-top: 30px;
  }
  .announcement_details{
    margin-top: 10px;
    width: 100%;
    height: 1151px;
    background-color: #fff;
  }
  .QR_code_two{
    float: left;
    width: 50%;
    height: 200px;
  }
  .QR_code_one{
    float: left;
    width: 50%;
    height: 200px;
  }
  .QR_code{
    margin-top: 50px;
    float: left;
    width: 100%;
    height: 240px;
  }
</style>
